<template>
  <div>
    <div>
      <el-row :gutter="20">
        <el-col :span="6" :xs="24">
          <userCard />
        </el-col>
        <el-col :span="18" :xs="24">
          <el-card>
            <el-tabs v-model="activeTab">
              <el-tab-pane label="考试成绩" name="activity">
                <activity />
              </el-tab-pane>
              <el-tab-pane label="学习进度" name="study">
                <study />
              </el-tab-pane>
              <el-tab-pane label="账户相关" name="account">
                <account />
              </el-tab-pane>
              <el-tab-pane label="更改密码" name="password">
                <setPassword />
              </el-tab-pane>
              <el-tab-pane label="设置密保" name="passQuestion">
                <passQuestion />
              </el-tab-pane>
            </el-tabs>
          </el-card>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import account from './components/account'
import activity from './components/activity'
import study from './components/study'
import setPassword from './components/setPassword'
import passQuestion from './components/passQuestion'
import userCard from './components/userCard'
export default {
  components: {
    account, activity, study, setPassword, passQuestion, userCard
  },
  data() {
    return {
      activeTab:'account'
    }
  },
}
</script>

<style scoped>
</style>